
 <!DOCTYPE HTML>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  
    <title>Jark&#39;s Blog</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    
    <meta name="author" content="WuChong">
    
    <meta name="description" content="伍翀的个人技术博客">
    
    
    <meta name="description" content="伍翀的个人技术博客">
<meta property="og:type" content="website">
<meta property="og:title" content="Jark's Blog">
<meta property="og:url" content="http://wuchong.me/page/2/">
<meta property="og:site_name" content="Jark's Blog">
<meta property="og:description" content="伍翀的个人技术博客">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Jark's Blog">
<meta name="twitter:description" content="伍翀的个人技术博客">
<meta name="twitter:creator" content="@jarkwu">
<link rel="publisher" href="111190881341800841449">

    
    <link rel="alternative" href="/atom.xml" title="Jark&#39;s Blog" type="application/atom+xml">
    
    
    <link rel="icon" href="/img/favicon.ico">
    
    
    <link rel="apple-touch-icon" href="/img/jacman.jpg">
    <link rel="apple-touch-icon-precomposed" href="/img/jacman.jpg">
    
    <link rel="stylesheet" href="/css/style.css" type="text/css">
</head>

  <body>
    <header>
      <div>
		
			<div id="imglogo">
				<a href="/"><img src="/img/logo.png" alt="Jark&#39;s Blog" title="Jark&#39;s Blog"/></a>
			</div>
			
			<div id="textlogo">
				<h1 class="site-name"><a href="/" title="Jark&#39;s Blog">Jark&#39;s Blog</a></h1>
				<h2 class="blog-motto">当你的才华还撑不起你的野心时，你就应该静下心来学习。</h2>
			</div>
			<div class="navbar"><a class="navbutton navmobile" href="#" title="菜单">
			</a></div>
			<nav class="animated">
				<ul>
					<ul>
					 
						<li><a href="/">首页</a></li>
					
						<li><a href="/archives">归档</a></li>
					
						<li><a href="/about">关于</a></li>
					
					<li>
 					
						<form class="search" action="http://zhannei.baidu.com/cse/search" target="_blank">
							<label>Search</label>
						<input name="s" type="hidden" value= 783281470518440642 ><input type="text" name="q" size="30" placeholder="搜索"><br>
						</form>
					
					</li>
				</ul>
			</nav>			
</div>
    </header>
    <div id="container">
      <div id="main">

   
    
    <article class="post-expand post" itemprop="articleBody"> 
        <header class="article-info clearfix">
  <h1 itemprop="name">
    
      <a href="/blog/2014/10/31/10-interesting-java-projects-you-can-contribute-and-learn/" title="【译】10个你能参与并学习的Java开源项目" itemprop="url">【译】10个你能参与并学习的Java开源项目</a>
  </h1>
  <p class="article-author">By
       
		<a href="https://plus.google.com/111190881341800841449?rel=author" title="WuChong" target="_blank" itemprop="author">WuChong</a>
		
  <p class="article-time">
    <time datetime="2014-10-31T15:09:18.000Z" itemprop="datePublished"> 发表于 2014-10-31</time>
    
  </p>
</header>
    <div class="article-content">
        
        <p>【本文翻译自 Javapapers ,原文链接：<a href="http://javapapers.com/java/10-interesting-java-projects-you-can-contribute-and-learn/" target="_blank" rel="external">http://javapapers.com/java/10-interesting-java-projects-you-can-contribute-and-learn/</a>】</p>
<p>如果你正在寻找有趣的 Java 项目去参与和贡献，那么请继续阅读这篇文章。这篇博文是 Java 画廊（Java Gallery）中的一部分，在Java画廊栏目下我介绍了一些有趣的Java项目给我们的读者。成为 Java 开发团队中的一员并编写大量代码是一件很棒的事情。</p>
<p>在学校里我们也许没有机会接触到真正的开发环境。在企业里我们可能做不了最喜欢的项目。在这种情况下，让我们加入可以带给我们欢乐和兴趣的开源项目吧。</p>
<p><img src="http://ww1.sinaimg.cn/mw690/81b78497jw1eluqwemss2j20go0bpgo8.jpg" alt=""><br>
        
        
        <p class="article-more-link">
          
            <a href="/blog/2014/10/31/10-interesting-java-projects-you-can-contribute-and-learn/#more">阅读更多</a>
          
       </p>
    </div>
    <footer class="article-footer clearfix">
<div class="article-catetags">

<div class="article-categories">
  <span></span>
  <a class="article-category-link" href="/categories/杂项资源/">杂项资源</a>
</div>


  <div class="article-tags">
  
  <span></span> <a href="/tags/Java/">Java</a><a href="/tags/开源项目/">开源项目</a>
  </div>

</div>




<div class="comments-count">
	
	  	<span></span>
		<a href="http://wuchong.me/blog/2014/10/31/10-interesting-java-projects-you-can-contribute-and-learn/#comments" class="ds-thread-count comments-count-link" data-thread-key="blog/2014/10/31/10-interesting-java-projects-you-can-contribute-and-learn/" data-count-type="comments">&nbsp;</a>
	
</div>

</footer>


    </article>






   
    
    <article class="post-expand post" itemprop="articleBody"> 
        <header class="article-info clearfix">
  <h1 itemprop="name">
    
      <a href="/blog/2014/10/17/digitalocean-vps-experience/" title="DigitalOcean VPS 翻墙体验" itemprop="url">DigitalOcean VPS 翻墙体验</a>
  </h1>
  <p class="article-author">By
       
		<a href="https://plus.google.com/111190881341800841449?rel=author" title="WuChong" target="_blank" itemprop="author">WuChong</a>
		
  <p class="article-time">
    <time datetime="2014-10-17T04:31:18.000Z" itemprop="datePublished"> 发表于 2014-10-17</time>
    
  </p>
</header>
    <div class="article-content">
        
        <p>今天 <a href="https://www.glgoo.com/" target="_blank" rel="external">glgoo</a> 暂停服务了，赖以生存的 Google 曲线救国方案没了，GoAgent 又太慢，遂想折腾个 VPS 搭个代理解决科学上网的燃眉之急。</p>
<p><img src="http://ww2.sinaimg.cn/large/81b78497jw1eldy44qjgcj20hu06b0u4.jpg" alt=""></p>
<p><a href="https://www.digitalocean.com/?refcode=54668030e22a" target="_blank" rel="external">DigitalOcean</a> 作为一个 VPS 提供商新秀，以其高性价比的优势一直与高富帅的老大哥 Linode 争夺市场。最近更是在 GitHub 针对高校学生的优惠活动「<a href="https://education.github.com/pack/" target="_blank" rel="external">GitHub Student Developer Pack</a>」中推出免费 $100 的优惠服务，如果以最便宜的 $5/月 计算，可以用小两年了。对于长这么大还没玩过VPS的孩子来说，这诱惑太大了。用VPS来翻墙当然有点大材小用了，更多的是想在VPS架一些自己的网站（非博客）、跑些脚本、学点东西。<br>
        
        
        <p class="article-more-link">
          
            <a href="/blog/2014/10/17/digitalocean-vps-experience/#more">阅读更多</a>
          
       </p>
    </div>
    <footer class="article-footer clearfix">
<div class="article-catetags">

<div class="article-categories">
  <span></span>
  <a class="article-category-link" href="/categories/杂项资源/">杂项资源</a>
</div>


  <div class="article-tags">
  
  <span></span> <a href="/tags/翻墙/">翻墙</a><a href="/tags/VPS/">VPS</a>
  </div>

</div>




<div class="comments-count">
	
	  	<span></span>
		<a href="http://wuchong.me/blog/2014/10/17/digitalocean-vps-experience/#comments" class="ds-thread-count comments-count-link" data-thread-key="blog/2014/10/17/digitalocean-vps-experience/" data-count-type="comments">&nbsp;</a>
	
</div>

</footer>


    </article>






   
    
    <article class="post-expand post" itemprop="articleBody"> 
        <header class="article-info clearfix">
  <h1 itemprop="name">
    
      <a href="/blog/2014/09/30/looking-for-a-job-summary/" title="找工作小记——善待挫折" itemprop="url">找工作小记——善待挫折</a>
  </h1>
  <p class="article-author">By
       
		<a href="https://plus.google.com/111190881341800841449?rel=author" title="WuChong" target="_blank" itemprop="author">WuChong</a>
		
  <p class="article-time">
    <time datetime="2014-09-30T04:22:01.000Z" itemprop="datePublished"> 发表于 2014-09-30</time>
    
  </p>
</header>
    <div class="article-content">
        
        <p>马上就国庆假期了，自己的找工作历程也算是告一段落了。回首过往，这一路来的坎坎坷坷也算是颇为励志了，遂将心路历程一 一记载下来，希望能与大家共勉！本想写成一篇软文的，结果写着写着发现越写越像面经了，叹气！</p>
<p>目前参加面试的公司不多只有百度和阿里，拿到的 offer 也只有百度网页搜索部的 Rank 团队和架构团队，阿里共享业务事业部中间件团队。我不是大牛，没有拿过 ACM、机器人足球、挑战杯这些高大上的奖，没发过论文，因为是专硕还被鄙视过好多回。我只是一枚水硕，水了一年的研究生发现什么都没学到，平时做的更多的是“代码搬运工”的活儿。看着自己的项目没一个能拿的出手的，连面试官也说我的项目经验一般。而自己的实习生面试经历更是惨不忍睹，最终能拿到 offer，离不开自身的努力和运气吧！</p>
<h2 id="惨痛的实习生面试">惨痛的实习生面试</h2>
<p>认识我的朋友都知道进入阿里是我读研期间最大的梦想。而进入阿里巴巴实习是迈入阿里的第一步，我也把它看地非常重要。所以从寒假开始就有计划地推进着复习。然，事不遂人愿，有时候期望越大失望越大。信心满满地与小伙伴们参加完笔试后，耐心地等待面试通知。结果看着同学们一个个参加面试拿到实习 offer，最后自己的状态变成了“笔试未通过”，心理的打击确实挺大的。</p>
<p>之后退而求其次，想着实习能进BAT的其他两家也不错。腾讯的笔试顺利通过了，然而初面表现特别糟糕，先是走错了楼层再是拿着 Java 的简历面 C++ 岗，一些基础知识答的也很烂，果不其然一面被刷了，心情特别糟糕。之后又有百度的实习生面试，面的后台开发岗，一面说是过了，参加二面时却帮我推给了前端岗，心里特别不是滋味，然后就没有然后了。</p>
<p>就这样四月份经历了被 BAT 的轮番血虐后，有那么一段时间甚至开始怀疑自己，自己真有那么差劲吗？</p>
<p>莎士比亚有言「不要只因一次失败，就放弃你原来决心想达到的目标」。毕竟还有内推和校招的机会，为了抓住仅剩的机会，放弃了寻找其他实习岗位和公司，并给自己列了一个 To-Do List，我相信只要我能完成这个 List 上的所有任务，BAT 绝对没有问题！最后我只完成了一半，就拿到了理想的 offer。<br>
        
        
        <p class="article-more-link">
          
            <a href="/blog/2014/09/30/looking-for-a-job-summary/#more">阅读更多</a>
          
       </p>
    </div>
    <footer class="article-footer clearfix">
<div class="article-catetags">

<div class="article-categories">
  <span></span>
  <a class="article-category-link" href="/categories/职场生涯/">职场生涯</a>
</div>


  <div class="article-tags">
  
  <span></span> <a href="/tags/面经/">面经</a><a href="/tags/生活/">生活</a>
  </div>

</div>




<div class="comments-count">
	
	  	<span></span>
		<a href="http://wuchong.me/blog/2014/09/30/looking-for-a-job-summary/#comments" class="ds-thread-count comments-count-link" data-thread-key="blog/2014/09/30/looking-for-a-job-summary/" data-count-type="comments">&nbsp;</a>
	
</div>

</footer>


    </article>






   
    
    <article class="post-expand post" itemprop="articleBody"> 
        <header class="article-info clearfix">
  <h1 itemprop="name">
    
      <a href="/blog/2014/08/28/how-to-correctly-write-singleton-pattern/" title="如何正确地写出单例模式" itemprop="url">如何正确地写出单例模式</a>
  </h1>
  <p class="article-author">By
       
		<a href="https://plus.google.com/111190881341800841449?rel=author" title="WuChong" target="_blank" itemprop="author">WuChong</a>
		
  <p class="article-time">
    <time datetime="2014-08-28T08:43:39.000Z" itemprop="datePublished"> 发表于 2014-08-28</time>
    
  </p>
</header>
    <div class="article-content">
        
        <p>单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。</p>
<h2 id="懒汉式，线程不安全">懒汉式，线程不安全</h2>
<p>当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样教我们的。</p>
<figure class="highlight java"><table><tr><td class="gutter"><pre>1
2
3
4
5
6
7
8
9
10
11
</pre></td><td class="code"><pre><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">Singleton</span> {</span>
    <span class="keyword">private</span> <span class="keyword">static</span> Singleton instance;
    <span class="keyword">private</span> <span class="title">Singleton</span> (){}

    <span class="keyword">public</span> <span class="keyword">static</span> Singleton <span class="title">getInstance</span>() {
     <span class="keyword">if</span> (instance == <span class="keyword">null</span>) {
         instance = <span class="keyword">new</span> Singleton();
     }
     <span class="keyword">return</span> instance;
    }
}
</pre></td></tr></table></figure>

<p>这段代码简单明了，而且使用了懒加载模式，但是却存在致命的问题。当有多个线程并行调用 getInstance() 的时候，就会创建多个实例。也就是说在多线程下不能正常工作。<br>
        
        
        <p class="article-more-link">
          
            <a href="/blog/2014/08/28/how-to-correctly-write-singleton-pattern/#more">阅读更多</a>
          
       </p>
    </div>
    <footer class="article-footer clearfix">
<div class="article-catetags">

<div class="article-categories">
  <span></span>
  <a class="article-category-link" href="/categories/程序设计/">程序设计</a>
</div>


  <div class="article-tags">
  
  <span></span> <a href="/tags/Singleton/">Singleton</a><a href="/tags/多线程/">多线程</a><a href="/tags/设计模式/">设计模式</a><a href="/tags/双检锁/">双检锁</a>
  </div>

</div>




<div class="comments-count">
	
	  	<span></span>
		<a href="http://wuchong.me/blog/2014/08/28/how-to-correctly-write-singleton-pattern/#comments" class="ds-thread-count comments-count-link" data-thread-key="blog/2014/08/28/how-to-correctly-write-singleton-pattern/" data-count-type="comments">&nbsp;</a>
	
</div>

</footer>


    </article>






   
    
    <article class="post-expand post" itemprop="articleBody"> 
        <header class="article-info clearfix">
  <h1 itemprop="name">
    
      <a href="/blog/2014/08/07/distributed-storage-system-knowledge/" title="分布式存储系统 知识体系" itemprop="url">分布式存储系统 知识体系</a>
  </h1>
  <p class="article-author">By
       
		<a href="https://plus.google.com/111190881341800841449?rel=author" title="WuChong" target="_blank" itemprop="author">WuChong</a>
		
  <p class="article-time">
    <time datetime="2014-08-07T06:25:56.000Z" itemprop="datePublished"> 发表于 2014-08-07</time>
    
  </p>
</header>
    <div class="article-content">
        
        <p>最近看完了杨传辉老师写的《大规模分布式存储系统》一书，发现里面很多知识点和之前看的《大型网站系统与Java中间件》有很多相通之处，也渐渐加深了我对分布式技术的兴趣。但无奈分布式涵盖范围太广了，分布式存储、分布式计算、CAP理论、Paxos算法、什么GFS、Hadoop、Dynamo、BigTable、Spanner等等，不下点功夫还真不能理顺它们之间的内在关系。所以结合两书以及一些优秀博文，总结了分布式存储的知识体系，为以后打下基础而努力。由于初入泥潭，必然有些理解不当的地方，若有大神路过还望不吝指教。</p>
<p>本文更像是读书笔记，是对知识点的一个梳理，无奈越写越多，部分知识只能点到为止，具体内容可以查看原书或维基百科。</p>
<h2 id="单机存储引擎">单机存储引擎</h2>
<h3 id="哈希">哈希</h3>
<p>哈希存储引擎是哈希表的持久化实现，支持增、删、改，以及随机读取操作，但不支持顺序扫描，对应的存储系统为键值(Key-Value)存储系统，如 Bitcask。它仅支持追加操作，删除也只是通过标识 value 为特殊值，通过定期合并（Compaction）实现垃圾回收。</p>
<h3 id="B_树">B 树</h3>
<p>B 树存储引擎是 B 树的持久化实现，不仅支持单条记录的增、删、读、改操作，还支持顺序扫描，对应的存储系统是关系数据库。关系数据库中通过索引访问数据，在 Mysql InnoDB 中，有一个称为聚集索引的东西，行的数据存于其中，组织成 B+ 树的结构。更多 B 系树的内容可以参考 <a href="http://taop.marchtea.com/03.02.html" target="_blank" rel="external">这里</a> 。</p>
<h3 id="LSM_树">LSM 树</h3>
<p>LSM 树(Log Structure Merge Tree)存储引擎采用批量转储技术来避免磁盘随机写入。其思想很朴素，就是将对数据的修改增量保持在内存中，达到指定的大小限制后将这些修改操作批量写入磁盘。它广泛应用于互联网的后台存储系统， 例如 Google BigTable、 以及 Facebook 开源的 Cassandra系统。<br>
        
        
        <p class="article-more-link">
          
            <a href="/blog/2014/08/07/distributed-storage-system-knowledge/#more">阅读更多</a>
          
       </p>
    </div>
    <footer class="article-footer clearfix">
<div class="article-catetags">

<div class="article-categories">
  <span></span>
  <a class="article-category-link" href="/categories/系统架构/">系统架构</a>
</div>


  <div class="article-tags">
  
  <span></span> <a href="/tags/分布式/">分布式</a><a href="/tags/2PC/">2PC</a><a href="/tags/Paxos/">Paxos</a><a href="/tags/NWR/">NWR</a>
  </div>

</div>




<div class="comments-count">
	
	  	<span></span>
		<a href="http://wuchong.me/blog/2014/08/07/distributed-storage-system-knowledge/#comments" class="ds-thread-count comments-count-link" data-thread-key="blog/2014/08/07/distributed-storage-system-knowledge/" data-count-type="comments">&nbsp;</a>
	
</div>

</footer>


    </article>







  <nav id="page-nav" class="clearfix">
    <a class="extend prev" rel="prev" href="/"><span></span>Prev</a><a class="page-number" href="/">1</a><span class="page-number current">2</span><a class="page-number" href="/page/3/">3</a><a class="page-number" href="/page/4/">4</a><span class="space">&hellip;</span><a class="page-number" href="/page/8/">8</a><a class="extend next" rel="next" href="/page/3/">Next<span></span></a>
  </nav>

</div>
      <div class="openaside"><a class="navbutton" href="#" title="显示侧边栏"></a></div>

<div id="asidepart">
<div class="closeaside"><a class="closebutton" href="#" title="隐藏侧边栏"></a></div>
<aside class="clearfix">

  
<div class="categorieslist">
	<p class="asidetitle">分类</p>
		<ul>
		
			<li><a href="/categories/Hexo/" title="Hexo">Hexo<sup>7</sup></a></li>
		
			<li><a href="/categories/LinuxUnix/" title="Linux/Unix">Linux/Unix<sup>6</sup></a></li>
		
			<li><a href="/categories/Python/" title="Python">Python<sup>3</sup></a></li>
		
			<li><a href="/categories/推荐系统/" title="推荐系统">推荐系统<sup>3</sup></a></li>
		
			<li><a href="/categories/杂项资源/" title="杂项资源">杂项资源<sup>2</sup></a></li>
		
			<li><a href="/categories/程序设计/" title="程序设计">程序设计<sup>5</sup></a></li>
		
			<li><a href="/categories/系统架构/" title="系统架构">系统架构<sup>1</sup></a></li>
		
			<li><a href="/categories/编程语言/" title="编程语言">编程语言<sup>2</sup></a></li>
		
			<li><a href="/categories/职场生涯/" title="职场生涯">职场生涯<sup>2</sup></a></li>
		
			<li><a href="/categories/随笔生活/" title="随笔生活">随笔生活<sup>5</sup></a></li>
		
		</ul>
</div>


  
<div class="tagslist">
	<p class="asidetitle">标签</p>
		<ul class="clearfix">
		
			<li><a href="/tags/Hexo/" title="Hexo">Hexo<sup>8</sup></a></li>
		
			<li><a href="/tags/面试/" title="面试">面试<sup>5</sup></a></li>
		
			<li><a href="/tags/Linux基础/" title="Linux基础">Linux基础<sup>5</sup></a></li>
		
			<li><a href="/tags/生活/" title="生活">生活<sup>4</sup></a></li>
		
			<li><a href="/tags/博客/" title="博客">博客<sup>4</sup></a></li>
		
			<li><a href="/tags/Python/" title="Python">Python<sup>4</sup></a></li>
		
			<li><a href="/tags/阿里推荐大赛/" title="阿里推荐大赛">阿里推荐大赛<sup>4</sup></a></li>
		
			<li><a href="/tags/算法/" title="算法">算法<sup>2</sup></a></li>
		
			<li><a href="/tags/爬虫/" title="爬虫">爬虫<sup>2</sup></a></li>
		
			<li><a href="/tags/ODPS/" title="ODPS">ODPS<sup>2</sup></a></li>
		
			<li><a href="/tags/教程/" title="教程">教程<sup>2</sup></a></li>
		
			<li><a href="/tags/Jacman/" title="Jacman">Jacman<sup>2</sup></a></li>
		
			<li><a href="/tags/Java/" title="Java">Java<sup>2</sup></a></li>
		
			<li><a href="/tags/文件系统/" title="文件系统">文件系统<sup>2</sup></a></li>
		
			<li><a href="/tags/启动流程/" title="启动流程">启动流程<sup>1</sup></a></li>
		
			<li><a href="/tags/权限/" title="权限">权限<sup>1</sup></a></li>
		
			<li><a href="/tags/正则表达式/" title="正则表达式">正则表达式<sup>1</sup></a></li>
		
			<li><a href="/tags/jQuery/" title="jQuery">jQuery<sup>1</sup></a></li>
		
			<li><a href="/tags/双检锁/" title="双检锁">双检锁<sup>1</sup></a></li>
		
			<li><a href="/tags/设计模式/" title="设计模式">设计模式<sup>1</sup></a></li>
		
		</ul>
</div>


  <div class="linkslist">
  <p class="asidetitle">友情链接</p>
    <ul>
        
          <li>
            <a href="https://coderq.com" target="_blank" title="码农圈">码农圈</a>
          </li>
        
          <li>
            <a href="http://zipperary.com/" target="_blank" title="Zippera&#39;s Blog">Zippera&#39;s Blog</a>
          </li>
        
          <li>
            <a href="http://hijiangtao.github.io/" target="_blank" title="Data.Blog">Data.Blog</a>
          </li>
        
    </ul>
</div>

  <div class="weiboshow">
  <p class="asidetitle">新浪微博</p>
    <iframe width="100%" height="119" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=119&fansRow=2&ptype=1&speed=0&skin=9&isTitle=1&noborder=1&isWeibo=0&isFans=0&uid=2176287895&verifier=b3593ceb&dpc=1"></iframe>
</div>


  <div class="rsspart">
	<a href="/atom.xml" target="_blank" title="rss">RSS 订阅</a>
</div>

</aside>
</div>
    </div>
    <footer><div id="footer" >
	
	<div class="line">
		<span></span>
		<div class="author"></div>
	</div>
	
	
	<section class="info">
		<p> Hello,I&#39;m WuChong. For now I&#39;m a graduate student in Beijing. <br/>
			I&#39;ll share my learning experience with you at this blog.</p>
	</section>
	 
	<div class="social-font" class="clearfix">
		
		<a href="http://weibo.com/wuchong1014" target="_blank" class="icon-weibo" title="微博"></a>
		
		
		<a href="https://github.com/wuchong" target="_blank" class="icon-github" title="github"></a>
		
		
		
		<a href="https://twitter.com/jarkwu" target="_blank" class="icon-twitter" title="twitter"></a>
		
		
		
		
		
		
		<a href="https://plus.google.com/111190881341800841449?rel=author" target="_blank" class="icon-google_plus" title="Google+"></a>
		
		
	</div>
		<p class="copyright">Powered by <a href="http://zespia.tw/hexo/" target="_blank" title="hexo">hexo</a> and Theme by <a href="https://github.com/wuchong/jacman" target="_blank" title="Pacman">Jacman</a> © 2014 
		
		<a href="http://wuchong.me/about" target="_blank" title="WuChong">WuChong</a>
		
		</p>
</div>
</footer>
    <script src="/js/jquery-2.0.3.min.js"></script>
<script src="/js/jquery.imagesloaded.min.js"></script>
<script src="/js/gallery.js"></script>

<script type="text/javascript">
$(document).ready(function(){ 
  $('.navbar').click(function(){
    $('header nav').toggleClass('shownav');
  });
  var myWidth = 0;
  function getSize(){
    if( typeof( window.innerWidth ) == 'number' ) {
      myWidth = window.innerWidth;
    } else if( document.documentElement && document.documentElement.clientWidth) {
      myWidth = document.documentElement.clientWidth;
    };
  };
  var m = $('#main'),
      a = $('#asidepart'),
      c = $('.closeaside'),
      o = $('.openaside');
  $(window).resize(function(){
    getSize(); 
    if (myWidth >= 1024) {
      $('header nav').removeClass('shownav');
    }else
    {
      m.removeClass('moveMain');
      a.css('display', 'block').removeClass('fadeOut');
      o.css('display', 'none');
        
    }
  });
  c.click(function(){
    a.addClass('fadeOut').css('display', 'none');
    o.css('display', 'block').addClass('fadeIn');
    m.addClass('moveMain');
  });
  o.click(function(){
    o.css('display', 'none').removeClass('beforeFadeIn');
    a.css('display', 'block').removeClass('fadeOut').addClass('fadeIn');      
    m.removeClass('moveMain');
  });
  $(window).scroll(function(){
    o.css("top",Math.max(80,260-$(this).scrollTop()));
  });
});
</script>




<script type="text/javascript">
  var duoshuoQuery = {short_name:"wuchong"};
  (function() {
    var ds = document.createElement('script');
    ds.type = 'text/javascript';ds.async = true;
    ds.src = '//static.duoshuo.com/embed.js';
    ds.charset = 'UTF-8';
    (document.getElementsByTagName('head')[0] 
    || document.getElementsByTagName('body')[0]).appendChild(ds);
  })();
</script> 









<!-- Analytics Begin -->

<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-46321946-2', 'wuchong.me');  
ga('send', 'pageview');
</script>





<!-- Analytics End -->

<!-- Totop Begin -->

	<div id="totop">
	<a title="返回顶部"><img src="/img/scrollup.png"/></a>
	</div>
	<script src="/js/totop.js"></script>

<!-- Totop End -->

<!-- MathJax Begin -->
<!-- mathjax config similar to math.stackexchange -->


<!-- MathJax End -->

  </body>
 </html>
